<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--标题标签-->
    <h1>我是h1</h1>
    <h2>我是h2</h2>
    <h3>我是h3</h3>
    <h4>我是h4</h4>
    <h5>我是h5</h5>
    <h6>我是h6</h6>

    <!--分割线标签-->
    <hr>

    <!--表单标签-->
    <input placeholder="我是占位符">
    <br>
    <input value="我是默认文字">
    <br>
    <input type="date">
    <br>
    <input type="file">
    <br>
    <br>
    <br>
    <input type="color">
    <input type="radio">
    <input type="checkbox">

    <!--段落标签-->
    <p>我是段落标签我是段落标签我是段落标签我是段落标签我是段落标签我是段落标签我是段落标签我是段落标签我是段落标签我是段落标签</p>
    <p>我是段落标签</p>

    <!--图像标签-->
    <!--
        相对路径:资源在当前的项目中
        绝对路径:资源不在当前项目中(在网络上或者在本地)
    -->
    <img src="https://www.baidu.com/img/bd_logo1.png" alt="这是一张占位图片" width="100" height="auto">
    <img src="https://www.baidu.com/img/bd_logo1.png" alt="这是一张占位图片" width="50%">
    <img src="img/userinfo_address@2x.png">

    <!--换行标签-->
    <br>

    <!--列表标签-->
    <!--无序列表-->
    <ul>
        <li>我是无序列表</li>
        <li>我是无序列表</li>
        <li>我是无序列表</li>
        <li>我是无序列表</li>
    </ul>
    <!--有序列表-->
    <ol type="I">
        <li>我是有序列表</li>
        <li>我是有序列表</li>
        <li>我是有序列表</li>
        <li>我是有序列表</li>
    </ol>

    <!--超链接标签-->
    <!--href是引用,相当于iOS中的import,不是必须的(比如<link>,<a>)-->
    <!--src是引入,是必须的,没有这个资源,标签就用不起来(比如<img>,<audio>,<video>,...)-->
    <a href="#">我是超链接</a>
    <a href="https://www.baidu.com" target="_blank">百度一下,你就知道</a>
    <br>
    <a href="https://www.baidu.com" target="_blank">
        <img src="https://www.baidu.com/img/bd_logo1.png" alt="这是一张占位图片" width="100">
    </a>

    <!--div标签-->
    <hr>
    <div>我是div标签</div>
    <div>我是div标签</div>
    <div>我是div标签</div>
    <div>我是div标签</div>
</body>
</html>